.user_center {
  height: 330rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  &_default {
    width: 172rpx;
    height: 172rpx;
    border-radius: 50%;
    background-color: #a2dee9;
    overflow: hidden;
  }
  .username {
    color: #fff;
  }
  .auth_btn {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  &_bgImg {
    position: absolute;
    width: 120%;
    height: 120%;
    z-index: -2;
    filter: blur(20rpx);
    &::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      filter: blur(20px);
      background: hska(0, 0%, 100%, 0.3);
      z-index: -1;
      margin: -30px;
    }
  }
}
page {
  background-color: var(--bgColor);
  // filter: grayscale(100%);  //页面变灰
}
.order_operate {
  margin: 20rpx;
  height: 144rpx;
  border-radius: 15rpx;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2);
  .order_item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    font-size: 26rpx;
    color: #474747;
    &:active {
      color: var(--mainColor);
    }
    .iconfont {
      font-size: 60rpx;
    }
  }
}
.footer_operate {
  margin: 20rpx;
  background-color: #fff;
  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2);
  border-radius: 15rpx;
  &_row {
    display: flex;
    padding: 0 46rpx;
    height: 100rpx;
    justify-content: space-between;
    align-items: center;
    font-size: 26rpx;
    color: #434343;
    .left {
      display: flex;
      flex: 1;
      align-items: center;
      .iconfont {
        font-size: 45rpx;
        margin-right: 28rpx;
      }
    }
    &:active {
      color: var(--mainColor);
    }
  }
}
